import React from 'react';
import './styles.scss';

/**
 * TextInput 组件
 * 可复用的文本输入组件
 * 
 * @param {Object} props
 * @param {string} props.value - 输入框的值
 * @param {Function} props.onChange - 值变化的回调函数
 * @param {string} [props.placeholder] - 占位符文本
 * @param {string} [props.className] - 自定义类名
 * @param {Object} [props.inputProps] - 传递给 input 元素的其他属性
 */
const TextInput = ({
    value,
    onChange,
    placeholder,
    className = '',
    inputProps = {}
}) => {
    return (
        <div className={`text-input ${className}`}>
            <input
                type="text"
                className="text-input__input"
                value={value}
                onChange={(e) => onChange(e.target.value)}
                placeholder={placeholder}
                {...inputProps}
            />
        </div>
    );
};

export default TextInput; 